<!--
Date: 2025-08-13
Copyright (c) 2025 Industrial Software Feature Database
-->
<template>
  <div class="model-compare__main">
    <List v-if="showList" @handleEvent="handleEvent" />
    <Contrast v-if="showContrast" @handleEvent="handleEvent" />
  </div>
</template>
<script setup name="ModelCompare">
import List from './components/List.vue';
import Contrast from './components/Contrast.vue';
const route = useRoute();
const tableName = ref('');
const showList = ref(true);
const showContrast = ref(false);
const handleEvent = (data) => {
  if (data.component === 'List') {
    showList.value = false;
    showContrast.value = true;
  }
  if (data.component === 'Contrast') {
    showContrast.value = false;
    showList.value = true;
  }
};
</script>
<style lang="scss" scoped>

</style>